// 方法一(对象加install的方法)
// export const directiveObj = {
//   install (Vue) {
//     Vue.directive('fofo', {
//       inserted (el) {
//         // 发现el定义在div上, 并没有定义到inputdom上
//         // 使用原生querySelector获取inputDOM
//         // 再使用focus()方法,即可自动获取焦点
//         el.querySelector('input').focus()
//       }
//     })
//   }
// }
// 方法二(直接写函数)
export const directiveObj = (Vue) => {
  Vue.directive('fofo', {
    inserted (el) {
      if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
        el.focus()
      } else if (el.querySelector('input').nodeName === 'INPUT') {
        el.querySelector('input').focus()
      } else {
        el.querySelector('textarea').focus()
      }
      // 发现el定义在div上, 并没有定义到inputdom上
      // 使用原生querySelector获取inputDOM
      // 再使用focus()方法,即可自动获取焦点
    },
    // 增加update更新时也能触发自动获取焦点
    update (el) {
      if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
        el.focus()
      } else if (el.querySelector('input').nodeName === 'INPUT') {
        el.querySelector('input').focus()
      } else {
        el.querySelector('textarea').focus()
      }
      // 发现el定义在div上, 并没有定义到inputdom上
      // 使用原生querySelector获取inputDOM
      // 再使用focus()方法,即可自动获取焦点
    }
  })
}
